home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / tydhtml / dyn.exe / Chap06 / dyn6_6.txt < prev   
Encoding:
Text File  |  1997-10-02  |  2.3 KB  |  60 lines
  1. <HTML>
  2. <HEAD>
  3. <TITLE>Events galore</TITLE>
  4. </HEAD>
  5. <SCRIPT language="javascript">
  6. function stopLink() {
  7.   alert("You really don't want to go there");
  8.   return false;
  9. }
  10. function changeHead(chosenHead) {
  11.   if (chosenHead == "head_0")
  12.     document.all(chosenHead).className  = "reallyBig";
  13.   else if (chosenHead == "head_1")
  14.     document.all(chosenHead).className = "reallySmall";
  15. }
  16. function changeBack(chosenHead) {
  17.   document.all(chosenHead).className = "";
  18. }
  19. function shiftItalics(theCode) {
  20.   if (theCode == 13) //13 is ascii for return
  21.     document.all("para_0").style.fontStyle = "italic";
  22.   else if (theCode == 32) 
  23.     document.all("para_0").style.fontStyle = "normal";
  24. }
  25. </SCRIPT>
  26. <STYLE type="text/CSS">
  27. BODY {margin-left: 0.75in; margin-right: 0.75in; margin-top: 0.10in}
  28. H1, H2 {font-family: verdana, helvetica, arial, sans-serif}
  29. H1 {font-size:24pt; text-align:left}
  30. H2 {font-size:12pt; text-align:right}
  31. P {font-family:garamond; font-size:12pt}
  32. P.left {text-align:left}
  33. P.right {text-align:right}
  34. A {text-decoration: none; font-weight: bold}
  35. .reallyBig {font-size:72pt}
  36. .reallySmall {font-size:4pt}
  37. </STYLE>
  38. <BODY bgcolor="white" onKeypress="shiftItalics(event.keyCode)">
  39. <H1 id="head_0" onMouseover="changeHead('head_0')" 
  40. cc]onMouseOut="changeBack('head_0')">
  41. Lorem ipsum dolor sit amet</H1>
  42. <P id="para_0" class="left">Consectetur 
  43. <A href="sint.html" title="Dodecendesse" onClick="stopLink()">
  44. adipisci tempor</A> incidunt ut labore et dolore magna aliqu atib saepe 
  45. eveniet ut er reupdiand sint. Nos arsapiente delectus au aut prefer endis 
  46. dol tene sententiam, quid est cur verear ne ad eam nc quos tu paulo ante 
  47. memorite tum etia ergat.</P> 
  48. <H2 id="head_1">Tomporibud autem quinus</H2>
  49. <P id="para_2" class="right" onMousedown="changeHead('head_1')"
  50. cc]onMouseup="changeBack('head_1')">
  51. Atib saepe eveniet ut er 
  52. <A href="tempor.html" title="Eveniet" onClick="stopLink()">
  53. repudiand sint</A> et molestia tenetury sapiente 
  54. delctus au aut prefer endis dol. Endiumagist and et dodecendesse 
  55. videantur, iustitiam, aequitated fidem. Neque hominy infant efficerd 
  56. possit duo contend notiner si effecerit. Natura proficis facile explent 
  57. sine julla unura aute enim desiderable.</P>
  58. </BODY>
  59. </HTML>
  60.